<template>
	<div class="Nall-top">周末去哪儿</div>
	<div class="Nall-item">
		<ul>
			<li v-for="(item,index) in xxx" :key="index">
				<div class="x1">
					<img :src="item.hotURL" >
				</div>
				<div class="x2">
					<h6>{{item.dd}}</h6>
					<h5>{{item.jx}}</h5>
				</div>
			</li>
		</ul>
	</div>
</template>

<script>
	export default {
		props:['xxx'],
		data(){
			return{
				// xxx :[
				// 	{hotURL:require('@/assets/img/week01.jpg'),dd:'清远周边逛',jx:'人人都有一双发现美的眼睛,身边的事物是...' },
				// 	{hotURL:require('@/assets/img/week02.jpg'),dd:'清远周边逛',jx:'南国滨海之城,避寒胜地,有暖暖的阳光,...' },
				// 	{hotURL:require('@/assets/img/week03.jpg'),dd:'清远周边逛',jx:'解压之地,放松自己,来一段轻松的旅途.' },
				// 	{hotURL:require('@/assets/img/week04.jpg'),dd:'清远周边逛',jx:'感受现代与传统相融合的广州' },
				// 	{hotURL:require('@/assets/img/week05.jpg'),dd:'清远周边逛',jx:'这里的天空和大海让人心旷神怡，配上舒缓...' },
				// ]
			}
		}
	}
</script>

<style>
	.Nall-top{
		font-size: 0.34rem;
		padding: 0.25rem 0.2rem;
	}
	.Nall-item{
		width: 100%;
		height: 100%;
		padding-bottom:  0.1rem;
		background-color: white;
	}
	.x1 img{
		width: 100%;
		height: 2.5rem;
	}
	.x2{
		padding: 0.3rem 0.2rem;
	}
	.x2 h6{
		font-size: 0.35rem;
	}
	.x2 h5{
		font-size: 0.2rem;
		margin-top: 0.2rem;
	}
</style>
